<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>首页</title>
    <link rel="stylesheet" type="text/css" href="./css/style.css"/>
    <link rel="stylesheet" type="text/css" href="scss/module/m-Header.scss"/>
    <link rel="stylesheet" href="css/awesome/css/font-awesome.min.css" type="text/css"/>
    <style>
        #index_common-header{
            box-sizing: border-box;
            width: 1440px;
            margin: 0 auto;
        }
    </style>
    <script type="text/javascript" src="http://apps.bdimg.com/libs/jquery/2.1.1/jquery.min.js"></script>

    <script>
        $(document).ready(function () {
            $.post("/fashion/ProductServlet",{method:"findAll"},
                function () {
            })
        })
    </script>
</head>
<body>
<div id="common-header">
    <div class="clearfix" id="headerTop">
        <div id="left">
            <select>
                <option>USA</option>
                <option>UK</option>
                <option>CN</option>
            </select>
            <span><a href="#">DAILDY DEALS</a></span>
            <span><a href="#">DAILDY DEALS</a></span>
            <span><a href="#">DAILDY DEALS</a></span>
            <span><a href="#">DAILDY DEALS</a></span>
        </div>
        <div id="right">
            <c:choose>
                <c:when test="${empty sessionScope.user}">
                    <span id="user"><a href="<c:url value="/jsps/user/login.jsp" />"><i class="fa fa-user"></i>登录</a></span>
                    <span id="shopcar"><a href="<c:url value='/regesit.jsp'/>"><i class="fa fa-shopping-cart"></i>注册</a></span>
                </c:when>
                <c:otherwise>
                    <span id="user"><i class="fa fa-user"></i>${user.getUsername()}</span>
                    <span id="shopcar"><a href="<c:url value='/UserServlet?method=quit'/>"><i class="fa fa-shopping-cart"></i>注销</a></span>
                </c:otherwise>
            </c:choose>
        </div>
    </div>
    <div id="headerMain" class="clearfix">
        <img src="http://ozz8m4qhr.bkt.clouddn.com/loge.png" width="59" height="24" id="loge">
        <ul id="nav" class="clearfix">
            <li class="navLi">
                <div class="navDiv">
                    <a href="<c:url value='/ProductServlet?method=findByCid&cid=1' />">
                        WOMEN<i class="fa fa-angle-down"></i>
                    </a>
                </div>

            </li>
            <li class="navLi">
                <div class="navDiv">
                    <a href="<c:url value='/ProductServlet?method=findByCid&cid=2'/>">
                        MAN<i class="fa fa-angle-down"></i>
                    </a>
                </div>

            </li>
            <li class="navLi">
                <div class="navDiv">
                    <a href="<c:url value='/ProductServlet?method=findByCid&cid=3'/>">
                        KIDS<i class="fa fa-angle-down"></i>
                    </a>
                </div>

            </li>
            <li class="navLi">
                <div class="navDiv">
                    <a href="<c:url value='/ProductServlet?method=findByCid'/>">
                        ACCESSORIES<i class="fa fa-angle-down"></i>
                    </a>
                </div>

            </li>
        </ul>
        <div id="search">
            <span id="searchSpan1">LIVE FILLING-ROOM</span>
            <span id="searchSpan2"><span>ECO</span>FRIENDLY</span>
            <i class="fa fa-search"></i>
        </div>
    </div>
</div>
<div id="m-Index">
    <div id="index_common-header"></div>
    <div id="main">

        <div id="content">
            <div id="contentTop" class="clearfix">
                <div id="Tleft" class="clearfix">
                    <img src="http://ozxb0em6i.bkt.clouddn.com/first_2_3.png" alt="">
                    <img src="http://ozxb0em6i.bkt.clouddn.com/first_2_4.png" alt="">
                    <img src="http://ozxb0em6i.bkt.clouddn.com/first_2_5.jpg" alt="">
                </div>
                <div id="Tcenter">
                    <img src="http://ozxb0em6i.bkt.clouddn.com/first_3_3.jpg" alt="">
                </div>
                <div id="TRight">
                    <img src="http://ozxb0em6i.bkt.clouddn.com/first_3_1.jpg" alt="">
                </div>
            </div>
            <div id="info">
                <span>FREE DELIVERY WORLDWIDE</span><br>
                <a>MORE INFO<i class="fa fa-angle-right"></i></a>
            </div>
            <div id="contentcenter">
                <h1>DAILY DEALS</h1>
                <ul>
                    <li></li>
                </ul>
                <ul>
                    <li>
                        <img>
                        <p></p>
                        <p></p>
                        <p></p>
                    </li>
                </ul>
            </div>
        </div>
    </div>
    <div id="common-footer"></div>
</div>
<script src="js/lib/template-web.js"></script>
<script src="js/lib/jquery.min.js"></script>
<script src="js/module/Header.js"></script>
</body>
</html>